@charset "utf-8";
/* CSS Document */
html{color:#333; font-size:16px;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing:antialiased;font-family: microsoft yahei;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0; /*font-family:Verdana,WenQuanYi Microhei,microsoft yahei light,microsoft yahei;*/ }
ol,ul,li {list-style:none;}
html, body { scroll-behavior:smooth; }
select,input,button,textarea{outline: none;border: none;}
h1,h2{ font-weight:bold;}
h3,h4,h5{ font-weight:normal}
a{ text-decoration:none;color: #666}
img{ border:none; display:block;width: 100%;}
img.auto{width: auto}
i,em{ font-style:normal}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.cl:after{height:0;font-size:0;content:".";visibility:hidden;clear:both;display:block;}
.cl{zoom:1;}
.pr{ position:relative;z-index: 2;}
.explain_right a i,
.explain_left_box span,
.explain_left_box h3,
.region,
.dl_line dd,
.dl_line dt,
.technology_list dt,
.technology_list dd,
.dustproof_cont .dustproof_img,
.dustproof_cont .dustproof_text,
.perfect_list li,
.perfect_title dd,
.keywords_text,
.submit,
.orderSure form select,
.product_list_tag li,
.study_box1 dl dt,.study_box1 dl dd,.special li,.perfect_title dt,.line{display: inline-block;*display: inline;*zoom:1;}
.enterprise dl dt,
.media dl h6,
.txtmarquee_bd ul li,
.enterprise li{text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.task_box .task_list li a{color: #666}
strong.act{color: #38c31c}

/*暂无数据*/
.not_data{color: #38c31c;text-align: center;margin-top: 50px;}

.w1200{width:1200px; margin:0 auto}
.w1280{width: 1280px;margin:0 auto;}
.w1562{width: 1562px;padding-left: 168px;padding: 80px;/* background: #fff; */margin-left:-80px;    margin-bottom: 30px;}
.w550{width: 550px;}
.w360{width: 360px;}
.w330{width: 330px;}
.w800{width: 800px;}
.w830{width: 830px;}
.texta{text-indent: 2em;font-size: 15px;line-height: 36px}

.mgrt20{margin-right: 20px;}
.mgrt50{margin-right: 50px;}
.pdt100{padding-top: 100px;}
.pdb80{padding-bottom: 80px;}
.pdt80{padding-top: 80px;}
.pdt70{padding-top: 70px;}
.pdbt50{padding: 50px 0}
.pd80{padding: 80px 0}
.pd80_10{padding:80px 0 10px}
.pdt20{padding-top: 20px;}
.pdbt50_40{padding: 50px 40px}
.pdt135{padding-top: 135px;}
.pdb70{padding-bottom: 70px;}
.pdb40{padding-bottom: 40px;}
.pdb60{padding-bottom: 60px;}
.pdl40{padding-left: 40px;}
.pdl58{padding-left: 58px;}
.pdl28{padding-left: 28px;}
.pd20{padding: 20px;}
.pdb115{padding-bottom: 115px;}
.fz20{font-size: 20px}
.fz60{font-size:60px;}
.fz42{font-size:42px;}

.mgb50{margin-bottom: 50px}
.mgb30{margin-bottom: 30px}
.mgb20{margin-bottom: 20px}
.mgt60{margin-top: 60px;}
.mgtb40{margin: 40px 0;}
.mgt20{margin-top: 20px;}
.mgt30{margin-top: 30px;}
.mgt40{margin-top: 40px;}
.mgt50{margin-top: 50px;}
p.text{font-size: 15px;line-height: 28px;}
p.texta{font-size: 15px;line-height: 30px;text-indent: 2em;}
p.alert_text{font-size: 20px;line-height: 42px;text-align: left;color: #38c31c;font-weight: bold;}
.brd{border-bottom: 1px solid #dddddd}


.quanju_zhanwei{position:relative; z-index:101}
.fixed-layer{position: fixed;left: 0;right: 0;top: 0;z-index: 0;}
.fixed-bg-layer{position:relative;width: 100%;background-position: center center;z-index:65;min-width: 1400px;}
.white{color: #fff;}
.bg_white{background: #fff;}
.bg_22{background:#222;}
p.alert_text.center,.center{text-align: center;}
.rcenter{text-align: right;}
.bg_f2{background:#f2f2f2;}

.quanju_zhanwei{position:relative; z-index:101}
.boxshadow{box-shadow:0 2px 10px 2px #ede9e5;}
/*标题1*/
.index_tit p{font-size: 24px;margin-top: 15px;}
.subtit{font-size: 42px;text-transform: uppercase;line-height: 1}
.title {text-align: center;margin-bottom: 35px;text-transform: uppercase;}
.title h3{font-size: 42px;margin:15px 0 15px;}
.titleb h3{font-weight: bold;} 
.titleb blockquote{font-size:24px;font-weight: bold;}
.title blockquote{text-transform: uppercase;font-size: 20px;letter-spacing: 20px;}
.title em{display: block;margin: 0 auto;width: 40px;height: 5px;background: #38c31c}
.title em.mgt25{margin:25px auto 0;}
.tita h2{font-size: 42px;text-transform: uppercase;font-weight: normal;}
.divers_box ul li a,.index_tit a,.tita a{color: #333}
.tita blockquote{padding-bottom: 36px;border-bottom: 1px solid #dbdbdb;font-size: 24px;}
.tita em{display: block;width: 50px;height: 5px;background:#696969;margin-top: -4px;}
.letter{letter-spacing: 10px;}

.title_box{border-bottom: 1px solid #eaeaea;padding-bottom: 10px;margin-bottom: 30px;}
.title_box .title_left{float: left;}
.title_box .title_left b{color:#1b1b1a; font-size:22px; font-weight:bold;}
.title_box .title_rig{ float:right; font-size:14px;}
.title_box .title_rig span{ margin-left:45px;}
.title_box .title_rig  a{color: #666}
.title_box .title_rig  a:hover{color: #d83d3d}

.news_title{padding-top: 80px;margin-bottom: 25px;text-align: center;}
.news_title h5{text-transform: uppercase;font-size: 32px;}
.news_title p{vertical-align: top;font-size: 24px;display: inline-block;*display: inline;zoom:1;padding: 0 25px;}
.news_title p.mgf10{margin-top: -10px;}
.news_titleb{color: #fff}
.news_titleb p{background: transparent;}
/*.news_title span{width: 100%;height: 1px;background: #ddd;display: inline-block;*display: inline;zoom:1;vertical-align: middle;margin-bottom: -30px;}*/
.path.xian{border-bottom: 1px solid #ddd}

.mgs_tit{text-transform: uppercase;vertical-align: middle;}
.mgs_tit h5{text-transform: uppercase;line-height: .8;font-size: 42px;}
.mgs_tit h5.fz20{font-size: 20px;}
.mgs_titb{text-align: left;}
.mgs_tit blockquote{font-size: 24px;margin-top: 15px;font-weight: bold;}
.mgs_tit{height: 135px;padding-top: 65px;padding-left: 40px}
.mgs_tit_pd0{padding: 0;height: 110px}
.mgs_tit em{font-size: 24px;margin-top: 15px;display: block;}
.tit_white_brd{background: url(../images/tit_white_brd.png) left center no-repeat;color: #fff}
.tit_black_brd{background: url(../images/tit_black_brd.png) left center no-repeat;}
.tit_black_brd_f{background: url(../images/tit_black_brd_f.png) right center no-repeat;text-align: right;padding-right: 30px;margin-bottom: 15px;position: relative;z-index: 21;}
/*hover效果*/
.effect img,.mgs_hover_list li img{transition: all .5s cubic-bezier(0.4, 0, 1, 1) 0s}
.product_list li:hover img,.effect:hover img,.mgs_hover_list li:hover img{-webkit-filter: brightness(.5); filter: brightness(.5);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
.sy_product .bd ul li:hover{box-shadow: 0 6px 16px 2px rgba(188,188,188,.5);}
/* 分页 */
.mgs_page{margin:50px 0 70px;}
.mgs_page a{display:inline-block;height:38px;line-height:38px;margin:0 5px;padding:0 13px;font-size:18px;color: #534f4f;border:1px solid #aaaaaa;*display:inline;zoom:1;vertical-align: middle;}
.mgs_page a:hover,.mgs_page a.on{color:#fff;background:#db214c;border:1px solid #38c31c;}
.mgs_page a.page_next i,.mgs_page a.page_prev i{background: url(../images/mgs_icon.png) no-repeat;width: 11px;height: 20px;display: block;margin-top: 9px;}
.mgs_page a.page_next:hover,.mgs_page a.page_prev:hover{/* background:none; */}
.mgs_page a.page_prev i{background-position: -13px -226px;}
.mgs_page a.page_prev:hover i{background-position: -1px -226px;}
.mgs_page a.page_next i{background-position: -37px -226px;}
.mgs_page a.page_next:hover i{background-position: -25px -226px;}
.repeat{background: url(../images/ys_p2_bg.jpg) repeat;}
/*右侧导航 悬浮*/
#leftsead{width:78px;position:fixed;top:258px;right:10px;border:1px solid #f4f4f4;border-bottom: none;z-index: 9999;}
#leftsead li{width:78px;height:78px;border-bottom: 1px solid #f4f4f4;background: #fff;}
#leftsead li i{display: block;background: url(../images/right_icon.png) no-repeat;width: 32px;height: 26px;margin:0 auto 10px;}
#leftsead li i.i02{background-position: -57px 0;height: 28px;}
#leftsead li i.i03{background-position: -108px 0;height: 27px;width: 27px;}
#leftsead li i.i04{background-position: -159px 0;height: 30px;width: 26px;}
#leftsead li i.i05{background-position: -208px 0;height: 31px;width: 25px;}

#leftsead li.on .i01{background-position: 0 -37px;}
#leftsead li.on .i02{background-position: -57px -37px;}
#leftsead li.on .i03{background-position: -108px -37px;}
#leftsead li.on .i04{background-position: -159px -37px;}
#leftsead li.on .i05{background-position: -208px -37px;}  
#leftsead li a{display: block;width: 100%;height: 62px;text-align: center;color: #333;font-size: 12px;padding-top: 16px;position: relative;}
.right_abs_box{position: absolute;bottom: 0;left: -140px;background: #38c31c;padding: 10px;color: #fff;line-height: 1.5;display: none;transition: all .3s;}
.right_abs_box img{margin-bottom: 10px;}
#leftsead li a:hover{color: #fff;background: #38c31c}
#leftsead li.on .right_abs_box{display: block;}
.right_abs_box4{text-align: left;left: -174px;bottom: 0;padding: 21px 18px 9px}
.right_abs_box4 p{font-size: 12px;}
.right_abs_box4 b{font-size: 20px;}

/*轮播下面的点点样式*/
.same{text-align: center;}
.same ul li{width: 15px;height: 15px;border-radius: 100%;background:#909090;float: left;margin:0 10px;position: relative;}
.same ul li.on{background: #38c31c}
.frame a:hover {   -webkit-animation: anim-moema-1 .3s forwards;animation: anim-moema-1 .3s forwards}
@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1)
    }

    85% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8,.8,1);
        transform: scale3d(.8,.8,1)
    }

    85% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}
/*箭头动画*/
.move{
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
}
@-webkit-keyframes move {
    0% { transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0);-moz-transform:translate(-5px, 0);-ms-transform:translate(-5px, 0); }
    50% { transform:translate(5px, 0); -webkit-transform:translate(5px, 0); }
    100% {transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
}
@keyframes move {
    0% { transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
    50% { transform:translate(5px, 0); -webkit-transform:translate(5px, 0); }
    100% {transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
}